<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>paymsg</title>
    <link rel="stylesheet" type="text/css" href="../../css/index.css" />
	<style>
		html,body{background: #f5f5f5;}
        #app-header{background-color:#FFF;}
		#title{font-size: 18px; font-weight: bold;}

		.pay-sta{width: 100%;}
		.pay-sta .img-box{width: 165px;height: 96px;margin: 90px auto 12px;}
		.pay-sta .img-box img{width: 100%;display: block;}
		.pay-sta .text{width: 100%;text-align: center;font-size: 18px;color: #333333;}
		.pay-sta .pay-type{font-size: 13px;color: #8E9194;text-align: center;padding-top: 10px;}
		.pay-sta .pay-num{font-size: 13px;color: #8E9194;text-align: center;}
		.pay-sta .btn-box{width: 100%;}
		.pay-sta .btn-box .btn{font-size: 16px;text-align: center;line-height: 44px;height: 44px;margin: 50px 0;}
		.pay-sta .btn-box .btn.l{margin-left: 20px;margin-right: 5px;background:#FF9502;color: #FFFFFF;}
		.pay-sta .btn-box .btn.r{margin-right:20px;margin-left: 5px;background: #FFFFFF;color: #FF9502;border:1px solid #FF9502;box-sizing: border-box;}
		.pay-sta .zhifu-btn{margin:100px 25px;background:#FF9502;text-align: center;line-height: 45px;font-size: 18px;color: #FFFFFF;border-radius: 40px;}

	</style>
</head>
<body>
    <div id="app-header">
        <div class="headbar">
            <div class="toolbar">
                <div class="lf tool" tapmode="tapcss" onclick="backMenu(this);"><span class="back"></span></div>
                <div class="title han_1"><span id="title">提交成功</span></div>
                <div class="rt tool menu" id="menu" tapmode="tapcss" onclick="menuClick(this);"></div>
            </div>
        </div>
    </div>
	<div id="vue">

	    <!--售后订单提交成功-->
	    <div class="pay-sta" v-if="type == 'shouhou'">
			<div class="img-box"><img src="../../image/main3/pay_sta1.png"/></div>
			<div class="text">售后申请提交成功,等待商家审核</div>
			<div class="pay-type">服务单号:<i v-text="orderid"></i></div>
            <div class="pay-num">申请时间:<i v-text="time"></i></div>
			<div class="zhifu-btn" :data-id="id" tapmode onclick="goShouHou(this)">查看售后详情</div>
		</div>

	   	<!--评价成功-->
		<div class="pay-sta" v-if="type == 'pingjia'">
			<div class="img-box"><img src="../../image/main3/pay_sta1.png"/></div>
			<div class="text">评价提交成功,期待再次为您服务！</div>
			<div class="zhifu-btn" tapmode onclick="goMyPinJia()">查看我的评价</div>
		</div>

        <!--评价成功-->
		<div class="pay-sta" v-if="type == 'zhuxiao'">
			<div class="img-box"><img src="../../image/main3/pay_sta1.png"/></div>
			<div class="text">感谢您的支持！<br>期待不久之后可以与您再次相遇</div>
			<div class="zhifu-btn" tapmode onclick="zhuXiaoOk()">确定</div>
		</div>

        <!--兑换商品成功-->
		<div class="pay-sta" v-if="type == 'duihuan'">
			<div class="img-box"><img src="../../image/main3/pay_sta1.png"/></div>
			<div class="text">订单已提交成功！</div>
			<div class="zhifu-btn" :data-id="id" tapmode onclick="goDuiHuan(this)">查看订单</div>
		</div>

	</div>
<script type="text/javascript" src="../../script/base.min.js"></script>
<script type="text/javascript">
    var _top = lanYun.setHeader('app-header');
    define(function (require, exports, module) {
        pageParam = api.pageParam;
        //console.log(JSON.stringify(pageParam));

        // if(pageParam.type == "zhuxiao"){
        //     setTimeout(function (){
        //         api.execScript({name:"main3/zhuxiao.html_win",frameName:'main3/zhuxiao.html', script:'closewin();'});
        //     }, 300)
        // }

        lanYun.newVue('#vue',{
            type:pageParam.type,
            time:pageParam.time,
            orderid:pageParam.orderid,
            id:pageParam.id,
        }, function(e) {

        });

        //-------华丽的分割线--------------------------------

        // 去看我的评论
        goMyPinJia = function () {
            lanYun.openWin('main3/my_pingjia.html', {
				title : '我的评价',
				menu:"<i style='color:#FF9502'>去评价</i>",
				frameParam : {}
			});
            setTimeout(function () {
				api.closeWin();
			}, 600)
        };

        //查看我的售后订单
        goShouHou = function (tis){
            var dst = tis.dataset;
            lanYun.openWin('ordert/tui_ordert_show.html', {
	            win:'win',
				title:"售后详情",
	            frameParam : {id:dst.id},
	        });
            setTimeout(function () {
				api.closeWin();
			}, 600)
        }

        //查看我的兑换订单
        goDuiHuan = function (tis){
            var dst = tis.dataset;
            lanYun.openWin('main3/my_jifen_order_show.html', {
	            win:'win',
				title:"订单详情",
	            frameParam : {id:dst.id},
	        });
            setTimeout(function () {
				api.closeWin();
			}, 600)
        }

        // 注销账号
        zhuXiaoOk = function () {
            lanYun.loginOut(1);
            lanYun.event('toIndex');
        }
        
        // 返回
        backMenu = function (){
            if(pageParam.type == "zhuxiao"){
                zhuXiaoOk();
            }else {
                api.closeWin();
            }
        }

    });

</script>
</body>
</html>
